<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <iframe src="http://a.fullstackjavascript.cn:4000/c.html" id="myFrame" onload="load()" frameborder="0"></iframe>
    <script>
        /* 使用window.name跨域是利用切换路径后window上的name属性是会保留的。
        举个例子,还是有三个页面a,b,c。a和b是同域下的,c自己一个域。
        a先引用c,c将想表达的内容放到name,属性上之后,a改变引用路径,改成引用b,
        此时name属性不会被删除,因为a,b是同域的,所以可以直接获取。 */
        // 访问http://b.fullstackjavascript.cn:3000/a.html
        let first = true;
        function load() {
            if (first) {
                myFrame.src = 'http://b.fullstackjavascript.cn:3000/b.html';
                first = false
            } else {
                let name = myFrame.contentWindow.name;
                console.log(name);
            }
        }
    </script>
</body>

</html>